function switch_item_class(id, classOne, classTwo)
{

	if (document.getElementById) {
	// DOM3 = IE5, NS6
		if(document.getElementById(id).className == classOne)
			document.getElementById(id).className = classTwo;
		else
			document.getElementById(id).className = classOne;
	}
	else {
		if (document.layers) { // Netscape 4
			if(document.id.className == classOne)
				document.id.className = classTwo;
			else
				document.id.className = classOne;		
		}
			}

}

function styleSelect()
{
	frm = document.getElementById('myform');
	frm.submit();
}

var curSelected = null;

function picEdit(id)
{
    if(id == 0)
    {
        switch_item_class('move_up','sit_hidden','');    
    }

    if(id != 0 && curSelected == 0)
    {
        switch_item_class('move_up','','');    
    }        
    
	for (x in picObList[id])
	{
		var ele = document.getElementById(x);
		ele.innerHTML = picObList[id][x];
	}
	
	var preview_div = "pv_image";
	var ele = document.getElementById(preview_div);
	var url = "./images/portfolio/"+picObList[id]['media_name'];
	ele.src = url;
	
	//switch_item_class('preview','','' );
    switch_item_class('control_table','','' );
    
    //switch_item_class('uploaded_image','sit_hidden','sit_hidden');
    
    
    if(curSelected != null)
    {
        var prevCell = "picCell_"+curSelected;
        switch_item_class(prevCell,'','' );
    }
    
    var cellId = "picCell_"+id;
    switch_item_class(cellId,'cellSelect','' );
    
    //alert($('#media_name').text());
    
    $('#uploaded_image').html('<img src="'+url+'" style="float: left; margin-right: 10px;" id="thumbnail" alt="Create Thumbnail" /><div style="border:1px #e5e5e5 solid; float:left; position:relative; overflow:hidden; width:64px; height:64px;"><img src="'+url+'" style="position: relative;" id="thumbnail_preview" alt="Thumbnail Preview" /></div>')
    //find the image inserted above, and allow it to be cropped
    $('#uploaded_image').find('#thumbnail').imgAreaSelect({ aspectRatio: '1:1', onSelectChange: preview }); 
    //display the hidden form
    $('#thumbnail_form').show();
    $('#save_thumb').hide();
    $('#update_thumb').show();
    $('#delete_img').show();
    
    
    $('#uploaded_image').removeClass();
    
    
    curSelected = id;	

}



function picSelect(pic)
{

//alert("SELECTED : "+pic);
//alert("cSELECTED : "+cSelected);

	if(cSelected == "")
	{
		//cSelected = pic;
	}
	
	switch_item_class(cSelected,'sit_hidden','folio' );
	switch_item_class(pic,'folio','sit_hidden' );
	cSelected = pic;
		
}

var picObList = [];
var cSelected = "";

var start_row = 1;
var max_row = 5;

function switch_next_row(nMax)
{
	//alert(nMax);
	
	if(max_row == 0 || max_row == '' || max_row == null)
	{
		max_row = nMax;
	}
	//alert("switch Start: "+start_row+" Max: "+max_row+ " Nmax: "+nMax);
	
	if((start_row + 5) > max_row)
	{
		return;
	}	
		
	var row = "row_"+start_row;
	switch_item_class(row, "sit_hidden", "");
	var end_num = start_row + 5
	var end_row = "row_"+end_num;
	switch_item_class(end_row, "", "");
	start_row = start_row + 1;
	
	switch_item_class("last_select", "last_select", "last_select");
	
	if((start_row + 5) > max_row)
	{
		switch_item_class("next_select", "no_arrow", "no_arrow");
	}
	
}

function switch_last_row()
{
	if(start_row < 2)
	{
		switch_item_class("last_select", "no_arrow", "no_arrow");
		return;
	}
	start_row = start_row - 1;
	var row = "row_"+start_row;
	switch_item_class(row, "", "");
	var end_num = start_row + 5
	var end_row = "row_"+end_num;
	switch_item_class(end_row, "sit_hidden", "");
	
	if(start_row < 2)
	{
		switch_item_class("last_select", "no_arrow", "no_arrow");
	}
	

	switch_item_class("next_select", "next_select", "next_select");
		
}

function linkNav(pg)
{
    var url = "";
    if(pg=='li')
    {
        url="http://uk.linkedin.com/pub/jonathan-fleetwood/21/706/358";
    }

    if(pg=='tu')
    {
        url="http://jonathanfleetwood.tumblr.com/";
    }
    
    location.href = url;

}